<!DOCTYPE html>
<html lang="zh-Hans" >
<head>
    <title>登录 | OneCUP</title>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="/static/adminlte/css/adminlte_login.min.css">
    <link rel="stylesheet" href="/static/bootstrap/css/icheck-bootstrap.min.css">
    <meta name="robots" content="NONE,NOARCHIVE">
</head>
<body class="hold-transition login-page"
  data-admin-utc-offset="28800">
<!-- Container -->
<div class="login-box">
    <!-- Header -->
    <div id="header" class="login-logo">
        <div id="branding">
            <h1 id="site-name"><a href="/">OneCUP</a></h1>
        </div>
    </div>
    <!-- END Header -->
    <!-- Content -->
    <div id="content" class="card">
        <div id="content-main" class="card-body login-card-body">
            {% if data %}
            <p class="login-box-ms">
            <!--请输入一个正确的 用户名 和密码. 注意他们都是区分大小写的. -->
            <strong>Warning!</strong> {{data}}
            </p>
            {% endif %}
            <form action="" method="post" id="login-form">
              {% csrf_token %}
              <div class="input-group mb-3">
                <input type="text" name="username"  class="form-control"  placeholder="Username" autofocus autocomplete="off" required id="id_username">
              </div>
              <div class="input-group mb-3">
                <input type="password" name="password"  class="form-control"  placeholder="Password" autocomplete="off" required id="id_password">
              </div>
              <div class="row">
                  <div class="col-8">
                    <div class="icheck-primary">
                      <input type="checkbox" id="remember">
                      <label for="remember">
                        Remember Me
                      </label>
                    </div>
                  </div>
                  <div class="col-4"><input type="submit" value="登录"></div>
              </div>
            </form>
            <br class="clear">
        </div>
    </div>
    <!-- END Content -->
    <div id="footer"></div>
</div>
<!-- END Container -->
</body>
</html>
